<template>
  <div>
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="基础设置" name="first">
        <base-setting ref="basesetting" />
      </el-tab-pane>
      <el-tab-pane label="图片设置" name="third">
        <picture-setting ref="picturesetting" />
      </el-tab-pane>
      <el-tab-pane label="SEO设置" name="fourth">
        <seo-setting ref="seosetting" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import baseSetting from './component/basesetting'
import seoSetting from './component/seosetting'
import pictureSetting from './component/picturesetting'
export default {
  components: {
    baseSetting,
    seoSetting,
    pictureSetting
  },
  data() {
    return {
      activeName: 'first'
    }
  },
  methods: {

  }
}
</script>
